#build-run {
  display: flex;
  flex-direction: column;
  gap: var(--noora-spacing-6);
  padding: var(--noora-spacing-7) var(--noora-spacing-5);

  & > [data-part="back-button"] {
    align-self: flex-start;
  }

  & > [data-part="header"] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--noora-spacing-4);

    & > [data-part="title-group"] {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--noora-spacing-4);

      & > [data-part="title"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--noora-spacing-4);

        & > [data-part="badge-success"] {
          background: var(--noora-icon-success-background);

          & > [data-part="icon"] {
            color: var(--noora-icon-success-label);
          }
        }
        & > [data-part="badge-failure"] {
          background: var(--noora-icon-destructive-background);
          & > [data-part="icon"] {
            color: var(--noora-icon-destructive-label);
          }
        }

        & > [data-part="badge-success"],
        & > [data-part="badge-failure"] {
          border-radius: var(--noora-radius-large);
          & > [data-part="icon"] {
            padding: var(--noora-spacing-3);
            width: var(--noora-icon-size-large);
            height: var(--noora-icon-size-large);

            & > svg {
              width: 100%;
              height: 100%;
            }
          }
        }

        & > [data-part="label"] {
          margin: var(--noora-spacing-0);
          color: var(--noora-surface-label-primary);
          font: var(--noora-font-weight-medium) var(--noora-font-heading-large);
        }
      }

      & > [data-part="test-link"] {
        display: flex;
        align-items: center;
        gap: var(--noora-spacing-1);
        color: var(--noora-surface-label-primary);
      }
    }

    & > [data-part="actions"] {
      display: flex;
      flex-direction: row;
      gap: var(--noora-spacing-4);
    }
  }

  & [data-part="build-details-section"] {
    display: flex;
    flex-direction: column;
    gap: var(--noora-spacing-8);
    & [data-part="metadata-grid"] {
      display: flex;
      flex-direction: column;
      gap: var(--noora-spacing-9);

      & [data-part="metadata-row"] {
        display: flex;
        flex-direction: row;
        gap: var(--noora-spacing-7);

        & > [data-part="metadata"] {
          display: flex;
          flex: 1;
          flex-direction: column;
          align-items: flex-start;
          gap: var(--noora-spacing-4);

          & > [data-part="title"] {
            color: var(--noora-surface-label-secondary);
            font: var(--noora-font-weight-medium) var(--noora-font-body-medium);
          }

          & > [data-part="label"] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: var(--noora-spacing-2);
            color: var(--noora-surface-label-primary);
            font: var(--noora-font-weight-regular) var(--noora-font-body-medium);

            & > svg {
              width: var(--noora-icon-size-medium);
              height: var(--noora-icon-size-medium);
              color: var(--noora-surface-label-secondary);
            }
          }

          & > [data-part="command-label"] {
            color: var(--noora-surface-label-primary);
            font: var(--noora-font-weight-regular) var(--noora-font-code-large);
          }
        }
      }
    }
  }

  & > [data-part="errors-and-warnings-card"] {
    & > [data-part="errors-card-section"],
    & > [data-part="warnings-card-section"] {
      gap: var(--noora-spacing-8);

      & > [data-part="header"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--noora-spacing-3);
        font: var(--noora-font-weight-medium) var(--noora-font-body-large);

        & > [data-part="title"],
        & > [data-part="count"] {
          color: var(--noora-surface-label-primary);
        }

        & > [data-part="count"] {
          flex-grow: 1;
        }

        & > [data-part="dot"] {
          color: var(--noora-surface-label-secondary);
        }
      }

      & > [data-part="issues-list"] {
        display: flex;
        position: relative;
        flex-direction: column;
        gap: var(--noora-spacing-4);
        padding-bottom: 19px;

        & > [data-part="more-card"] {
          position: absolute;
          box-shadow: var(--noora-border-light-default);
          border-radius: var(--noora-radius-large);
          background-color: var(--noora-surface-background-primary);
          height: 48px;
          &[data-index="one"] {
            right: var(--noora-spacing-4);
            bottom: 9px;
            left: var(--noora-spacing-4);
          }
          &[data-index="two"] {
            right: var(--noora-spacing-7);
            bottom: 0;
            left: var(--noora-spacing-7);
          }
        }
      }
    }
  }

  & > [data-part="warnings-card"],
  & > [data-part="errors-card"] {
    & > [data-part="warnings-card-section"],
    & > [data-part="errors-card-section"] {
      gap: var(--noora-spacing-4);
      padding: var(--noora-spacing-8);
      & > [data-part="header"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--noora-spacing-3);
        font: var(--noora-font-weight-medium) var(--noora-font-body-large);

        & > [data-part="title"],
        & > [data-part="count"] {
          color: var(--noora-surface-label-primary);
        }

        & > [data-part="count"] {
          flex-grow: 1;
        }

        & > [data-part="dot"] {
          color: var(--noora-surface-label-secondary);
        }
      }

      & > [data-part="issues-list"] {
        display: flex;
        flex-direction: column;
        gap: var(--noora-spacing-4);
      }

      & > [data-part="empty-state"] {
        display: flex;
        flex-direction: column;
        align-items: center;
        & > [data-part="empty-state-background"] {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: var(--noora-z-index-0);
        }

        & > [data-part="title"] {
          padding-top: var(--noora-spacing-8);
          color: var(--noora-surface-label-secondary);
          font: var(--noora-font-weight-medium) var(--noora-font-body-medium);
        }

        & > [data-part="subtitle"] {
          padding-top: var(--noora-spacing-4);
          color: var(--noora-surface-label-tertiary);
          font: var(--noora-font-weight-regular) var(--noora-font-body-small);
        }

        & > [data-part="image"] {
          z-index: var(--noora-z-index-1);
          height: 122px;

          & > img {
            border-radius: 10px;
            html[data-theme="light"] &[data-theme="dark"] {
              display: none;
            }

            html[data-theme="dark"] &[data-theme="light"] {
              display: none;
            }
            &[data-theme="light"] {
              box-shadow:
                0px 60px 16.667px 0px oklch(31.3% 0 0 / 0),
                0px 38.333px 15.833px 0px oklch(31.3% 0 0 / 0.01),
                0px 21.667px 13.333px 0px oklch(31.3% 0 0 / 0.05),
                0px 10px 10px 0px oklch(31.3% 0 0 / 0.09),
                0px 2.5px 5px 0px oklch(31.3% 0 0 / 0.1),
                0px 0px 0px 0.833px oklch(31.8% 0.011 248.2 / 0.08);
            }
            &[data-theme="dark"] {
              box-shadow:
                0px 60px 16.667px 0px oklch(0% 0 0 / 0),
                0px 38.333px 15.833px 0px oklch(0% 0 0 / 0.01),
                0px 21.667px 13.333px 0px oklch(0% 0 0 / 0.05),
                0px 10px 10px 0px oklch(0% 0 0 / 0.09),
                0px 2.5px 5px 0px oklch(0% 0 0 / 0.1),
                0px 0px 0px 0.833px oklch(31.6% 0.01 260.7 / 0.9) inset;
            }
          }
        }
      }
    }
  }

  & [data-part="file-breakdown-card"],
  & [data-part="module-breakdown-card"] {
    & > [data-part="file-breakdown-card-section"],
    & > [data-part="module-breakdown-card-section"] {
      gap: var(--noora-spacing-8);
      & > [data-part="filters"] {
        display: flex;
        gap: var(--noora-spacing-6);
        & .noora-dropdown-item:not([data-selected]) svg {
          visibility: hidden;
        }
      }

      & > [data-part="active-filters"] {
        display: flex;
        align-self: flex-start;
        gap: var(--noora-spacing-4);
      }
    }
  }

  & > [data-part="cache"] {
    display: flex;
    flex-direction: column;
    gap: var(--noora-spacing-6);
    padding-top: var(--noora-spacing-6);

    & > [data-part="cache-summary-card"] {
      & [data-part="widgets-card-section"] {
        display: flex;
        flex-direction: row;
        gap: var(--noora-spacing-4);
        background-color: var(--noora-surface-background-primary);
        padding: var(--noora-spacing-8);

        & > * {
          flex-grow: 1;
        }

        @media (max-width: 768px) {
          & {
            flex-direction: column;
          }
        }
      }
    }
    & > [data-part="xcode-cache-card"] {
      & > [data-part="xcode-cache-card-section"] {
        gap: var(--noora-spacing-8);
        padding: var(--noora-spacing-8);
        & > [data-part="cacheable-tasks-card-section"],
        & > [data-part="cas-outputs-breakdown-card-section"] {
          gap: var(--noora-spacing-5);
          & > [data-part="title"] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: var(--noora-spacing-3);

            & > [data-part="label"] {
              color: var(--noora-surface-label-secondary);
              font: var(--noora-font-weight-medium) var(--noora-font-body-medium);
            }

            & > [data-part="value"] {
              color: var(--noora-surface-label-primary);
              font: var(--noora-font-weight-semibold) var(--noora-font-body-medium);
            }
          }

          & > .noora-chart {
            height: 62px;
          }
        }

        & > [data-part="latency-widgets"],
        & > [data-part="throughput-widgets"] {
          display: flex;
          flex-direction: row;
          gap: var(--noora-spacing-4);
          & > * {
            flex-grow: 1;
          }
        }

        & > [data-part="filters"] {
          display: flex;
          gap: var(--noora-spacing-6);
          & .noora-dropdown-item:not([data-selected]) svg {
            visibility: hidden;
          }
        }

        & > [data-part="active-filters"] {
          display: flex;
          align-self: flex-start;
          gap: var(--noora-spacing-4);
        }

        & #cacheable-tasks-table {
          & td:nth-child(1) {
            max-width: 500px;
          }

          & td:nth-child(2),
          & td:nth-child(3) {
            width: 12%;
          }

          & [data-part="cas-outputs-list"] {
            display: flex;
            flex-direction: column;

            & > [data-part="cas-output-item"] {
              display: flex;
              background-color: var(--noora-surface-background-secondary);

              & > [data-part="cas-output-text"] {
                display: flex;
                flex-direction: row;
                padding: var(--noora-spacing-5);
                color: var(--noora-surface-label-primary);
                font: var(--noora-font-weight-regular) var(--noora-font-body-medium);

                & > [data-part="cas-output-label"] {
                  padding-right: var(--noora-spacing-1);
                  color: var(--noora-surface-label-primary);
                  font: var(--noora-font-weight-regular) var(--noora-font-body-medium);
                }

                & [data-part="trigger"] {
                  cursor: pointer;
                  color: var(--noora-surface-label-primary);
                  font: var(--noora-font-weight-regular) var(--noora-font-body-medium);
                  text-decoration: underline;
                }

                & [data-part="hash-tooltip-content"] {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-end;
                  gap: var(--noora-spacing-1);
                  padding: var(--noora-spacing-4);

                  & [data-part="hash-tooltip-text"] {
                    max-width: 356px;
                    color: var(--noora-surface-label-primary);
                    font: var(--noora-font-weight-medium) var(--noora-font-body-medium);
                    word-break: break-all;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.issue-card {
  z-index: var(--noora-z-index-1);
  box-shadow: var(--noora-border-light-default);
  border-radius: var(--noora-radius-large);
  background-color: var(--noora-surface-background-primary);
  padding: var(--noora-spacing-4) var(--noora-spacing-4) var(--noora-spacing-5) var(--noora-spacing-4);
  & > [data-part="root"] {
    & > [data-part="trigger"] {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--noora-spacing-4);

      & > [data-part="header"] {
        display: flex;
        flex-grow: 1;
        flex-direction: row;
        align-items: center;
        gap: var(--noora-spacing-5);

        & > [data-part="icon"] {
          border-radius: var(--noora-radius-large);

          padding: var(--noora-spacing-3);
          width: 20px;
          height: 20px;

          .issue-card[data-type="warning"] & {
            background-color: var(--noora-icon-warning-background);
          }

          .issue-card[data-type="error"] & {
            background-color: var(--noora-icon-destructive-background);
          }

          & svg {
            width: 100%;
            height: 100%;
            .issue-card[data-type="warning"] & {
              color: var(--noora-icon-warning-label);
            }

            .issue-card[data-type="error"] & {
              color: var(--noora-icon-destructive-label);
            }
          }
        }

        & > [data-part="title-and-subtitle"] {
          display: flex;
          flex-grow: 1;
          flex-direction: column;
          gap: var(--noora-spacing-2);
          & > [data-part="title"] {
            margin: 0;
            color: var(--noora-surface-label-primary);
            font: var(--noora-font-weight-medium) var(--noora-font-body-small);
          }
          & > [data-part="subtitle"] {
            color: var(--noora-surface-label-secondary);
            font: var(--noora-font-weight-regular) var(--noora-font-body-xsmall);
          }
        }
      }

      &[data-state="open"] {
        & > [data-part="closed-collapsible-button"] {
          display: none;
        }
      }

      &[data-state="closed"] {
        & > [data-part="open-collapsible-button"] {
          display: none;
        }
      }
    }
    & > [data-part="content"] {
      display: flex;
      flex-direction: column;
      gap: var(--noora-spacing-1);
      &[data-state="closed"] {
        display: none;
      }

      & > [data-part="issue"] {
        padding-top: var(--noora-spacing-5);
        padding-left: 44px;
        color: var(--noora-surface-label-primary);
        font: var(--noora-font-weight-regular) var(--noora-font-body-small);
      }
    }
  }
}
